<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title>SIS Premium 3</title>
	<link rel="stylesheet" href="css/newstyle.css" type="text/css" media="all" />
	<!--[if lte IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /><![endif]-->
	
	<!-- Start Slide Show-->
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/tm-slider.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style-newsticker.css" type="text/css" media="screen" />
    <link type="text/css" href="css/jquery-ui-1.8.18.custom.css" rel="stylesheet" />	
    <link rel="stylesheet" href="css/agoestri-menu.css" type="text/css" />
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />
    <!--<link rel="stylesheet" type="text/css" href="css/preview.css"/>
	<link rel="stylesheet" type="text/css" href="css/wt-lightbox.css"/>
    <link rel="stylesheet" type="text/css" href="css/wt-scroller.css"/>    -->
    <!-- End Slide Show-->  	
	
	<!-- JS --> 
    <!--<script src="js/jquery-1.4.2.js" type="text/javascript"></script>-->
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
	<script src="js/jquery.slideshow.js" type="text/javascript"></script> 
    <script src="js/script.js" type="text/javascript"></script>	
    <script src="js/dropdown.js" type="text/javascript"></script>
    <script src="js/custom-animation.js" type="text/javascript"></script>
    <script src="js/agoestri-menu.js" type="text/javascript"></script> 
    <script src="js/jquery.blend-min.js"></script>
    <script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
    <script type="text/javascript" src="js/fancy.script.js"></script>
    <!--<script type="text/javascript" src="js/jquery.wt-lightbox.min.js"></script>
    <script type="text/javascript" src="js/jquery.wt-scroller.min.js"></script>
    <script type="text/javascript" src="js/preview.js"></script>-->  
    <!-- End JS -->

	<script src="js/jcarousellite_1.0.1c4.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
    <script type="text/javascript">
    $(function() {
        $(".newsticker").jCarouselLite({
            vertical: true,
            hoverPause:true,
            btnPrev: ".previous",
            btnNext: ".next",
            visible: 2,
            auto:3000,
            speed:500
        });
    });  
	</script>     
    
    <script type="text/javascript">
    $(function() {
        $(".newsticker-ino").jCarouselLite({
            vertical: true,
            hoverPause:true,
            btnPrev: ".previous",
            btnNext: ".next",
            visible: 1,
            auto:3000,
            speed:800
        });
    });  
	</script>   
		
	<script type="text/javascript">
		$(function(){

		// Accordion
		$("#accordion").accordion({ header: "h3" });
				
		//hover states on the static widgets
		$('#dialog_link, ul#icons li').hover(
			function() { $(this).addClass('ui-state-hover'); }, 
			function() { $(this).removeClass('ui-state-hover'); }
			);
				
		});
	</script>  
        
    <script>
		$(function(){
			$("ul.menu").agoestri_menu({
				currentId:0
				});
		}
		);
	</script>        
    
	<script>
		$(document).ready(function(){
			$("#support-online a").blend();
		});
	</script>   
        
    <script type="text/javascript">
        $(function() {
        var settings = { containerResizeSpeed: 350
            };
            $('#gallery a').lightBox(settings);
        });
    </script>               
	
</head>
<body>

  <!-- Header -->
	<div id="header">
	
  	<!-- Shell -->	
    <div class="shell">
		<div class="right-part">
			<form  id="search" action="" method="post">
				<div class="bg">
					<input type="submit" class="submit" value="">
					<input type="text" class="input">
				</div>
  			</form>
       
		<div id="header-nav"> <a href="#">Maps</a> | <a href="#">Peta Situs</a> | <a href="#">Support Online</a> | <a href="#">Kontak</a> </div>  			
  		</div>
        
        <div class="cl">&nbsp;</div>
        <div class="topbanner">
        	<div class="wrap-div">
            	<h2>Yayasan Perguruan Islam Republik Indonesia</h2>
                <div class="h1">SMA PIRI 1 Yogyakarta</div>
                <h3><strong>Terakreditasi "A"</strong></h3>
                
                Jl. Kemuning 14 Baciro, Yogyakarta 55225, Telp. (0274) 516987, 
                Email : smapiri1@yahoo.com
            </div>
            <img class="wrap-logo" src="images/logo-smasaba.png" />
            <div class="wrap-img">
            	<ul>
                	<li><img src="images/Olimpiade.jpg" /></li>
                    <li><img src="images/sample-pic2.jpg" /></li>
                    <li><img src="images/sample-pic3.jpg" /></li>
                    <li><img src="images/sample-pic4.jpg" /></li>
                    <li><img src="images/guru2bmptk.jpg" /></li>
                    <li><img src="images/Olimpiade.jpg" /></li>
                    <li><img src="images/Olimpiade.jpg" /></li>
                    <li><img src="images/Olimpiade.jpg" /></li>
                    <li><img src="images/Olimpiade.jpg" /></li>
                </ul>
            </div>
        </div>
  		
        <div class="cl">&nbsp;</div>                      
			<!-- Navigation -->                           
			<div id="navigation">
				<ul class="menu" style="visibility:hidden;">
					<li class="separator-0">
						<div class="menu-icon ico-home">&nbsp;</div>
						<div class="menu-title">
						<a href="./index.html">
							<span class="text-1">Depan</span><br /><span>Halaman muka</span>
						</a>
						</div>
					</li>
					<li class="separator">
						<div class="menu-icon ico-profil">&nbsp;</div>
						<div class="menu-title">
							<span class="text-1">Profil</span><br /><span>Sejarah dan profil</span>
						</div>        
						<ul>
							<li><a href="#">Sejarah</a></li>
							<li><a href="#">Visi & Misi</a></li>
							<li><a href="#">Struktur Tata Kerja</a></li>
							<li><a href="#">Fasilitas</a></li>
							<li><a href="#">Profil Guru</a></li>
						</ul>
					</li>
					<li class="separator">
						<div class="menu-icon ico-akademik">&nbsp;</div>
						<div class="menu-title">
							<span class="text-1">Akademik</span><br /><span>Program dan kalender</span>
						</div>        
						<ul>
							<li>Kalender Pendidikan
								<ul>
									<li><a href="#">Semester 1</a></li>
									<li><a href="#">Semester 2</a></li>
								</ul>
							</li>
							<li><a href="#">Program Kurikulum</a></li>

						</ul>
					</li>
					<li class="separator">
						<div class="menu-icon ico-kesiswaan">&nbsp;</div>
						<div class="menu-title">
							<span class="text-1">Kesiswaan</span><br /><span>Informasi kesiswaan</span>
						</div>        
						<ul>
							<li><a href="#">Program Kesiswaan</a></li>
							<li><a href="#">Prestasi Siswa</a></li>
							<li><a href="#">Ekstrakurikuler</a></li>
						</ul>
					</li>
					<li class="separator">
						<div class="menu-icon ico-arsip">&nbsp;</div>
						<div class="menu-title">
							<span class="text-1">Info Sekolah</span><br /><span>Arsip Kegiatan Sekolah</span>
						</div>  
						<ul>
							<li><a href="./archive_gallery.html">Galeri Foto</a></li>
							<li><a href="./archive_berita.html">Berita Sekolah</a></li>
							<li><a href="./archive_info.html">Informasi / Pengumuman</a></li>
						</ul>                  
					</li>
					<li class="separator-1">
						<div class="menu-icon ico-hubungikami">&nbsp;</div>
						<div class="menu-title">
						<a href="./contactus.html">
							<span class="text-1">Hubungi Kami</span><br />
							<span>Informasi dan kontak</span>
						</a>
						</div>        
					</li>        
				</ul>    
			</div>
			<!-- End Navigation --> 	                        
	</div>
	<!-- End Header -->
    <div class="cl-8">&nbsp;</div>

	<!-- Shell -->	
	<div class="shell">
	
	<!-- Side Full -->
	<div class="side-full">	
	<!-- Main -->
	<div id="main">
		<div class="cl">&nbsp;</div>
			
		<!-- Content -->
		<div id="content">
		  
			<!-- All Products -->
			<div id="before-content" class="boxfull">
				<div class="ckat"><h4 class="ico ico1">Arsip ELearning</h4></div>								
      			<div class="cl">&nbsp;</div>
                <h2 class="title-box">Matematika</h2>
                <div class="box-item">
                	<h4 class="inline-content">Filter</h4>
                    <div class="cl-8">&nbsp;</div>
                    <form class="form-2 inline-content" action="#">
                    	<ol>
                        	<li>
                            	<label class="left">Judul Materi </label>
                                <input type="text" />
                            </li>
                        	<li>
                            	<label class="left">Mata Pelajaran </label>
                                <select>
                                	<option value="--">--</option>
                                    <option value="Matematika">Matematika</option>
                                    <option value="IPA">IPA</option>
                                    <option value="IPS">IPS</option>
                                </select>
                            </li>    
                        	<li id="send">
                                <label class="left">&nbsp; </label>
                                <button class="search">Search</button>
                            </li>                                                    
                        </ol>
                    </form>
                    <div class="cl-8">&nbsp;</div>
                </div>
                				
                <div class="cols inline-content">
                <ul>
                	<div class="cl-20">&nbsp;</div>
                    <li class="border-bot-dot">
                        <div class="col3 left">
                            <img class="small no-shadow" src="images/sample-pic4.jpg" />
                        </div>
                                                        
                        <div class="col1 left border-top-dot">
                        	<div class="cl-3">&nbsp;</div>
                            <h3 class="standart"><a class="link-3" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit & Ut vehicula aliquam imperdiet.</a></h3>
                            <div class="cl-3">&nbsp;</div>
                                <p class="date normal">Tanggal Upload : 12/03/2012</p>
                                <p class="date normal">Oleh : Drs. Sasongko</p>
                                <p class="date normal">Dibaca Sebanyak : 325</p>
                            <div class="cl-8">&nbsp;</div>   
                            <p class="normal info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vehicula aliquam imperdiet. Curabitur rhoncus erat sed magna euismod accumsan varius quam mollis. Donec vitae turpis in tortor iaculis placerat. Fusce ac tristique libero. Curabitur at vehicula diam. Proin molestie molestie pharetra. Vivamus ut lorem ut risus condimentum interdum sed eget ligula. Vestibulum diam turpis, ornare quis feugiat id, porttitor sed ligula. In vel aliquet diam. Proin eu est ipsum, vel blandit sem. <a class="link-3" href="#">Selengkapnya</a></p>
                        </div>
                        <div class="cl-10">&nbsp;</div>
                    </li>
                    
                    <div class="cl-20">&nbsp;</div>
                	<li class="border-bot-dot">
                        <div class="col3 left">
                            <img class="small no-shadow" src="images/sample-pic4.jpg" />
                        </div>
                                                        
                        <div class="col1 left border-top-dot">
                        	<div class="cl-3">&nbsp;</div>
                            <h3 class="standart"><a class="link-3" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit & Ut vehicula aliquam imperdiet.</a></h3>
                            <div class="cl-3">&nbsp;</div>
                                <p class="date normal">Tanggal Upload : 12/03/2012</p>
                                <p class="date normal">Oleh : Drs. Sasongko</p>
                                <p class="date normal">Dibaca Sebanyak : 325</p>
                            <div class="cl-8">&nbsp;</div>   
                            <p class="normal info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vehicula aliquam imperdiet. Curabitur rhoncus erat sed magna euismod accumsan varius quam mollis. Donec vitae turpis in tortor iaculis placerat. Fusce ac tristique libero. Curabitur at vehicula diam. Proin molestie molestie pharetra. Vivamus ut lorem ut risus condimentum interdum sed eget ligula. Vestibulum diam turpis, ornare quis feugiat id, porttitor sed ligula. In vel aliquet diam. Proin eu est ipsum, vel blandit sem. <a class="link-3" href="#">Selengkapnya</a></p>
                        </div>
                        <div class="cl-10">&nbsp;</div>
                    </li>       
                    
                    <div class="cl-20">&nbsp;</div>
                	<li class="border-bot-dot">
                        <div class="col3 left">
                            <img class="small no-shadow" src="images/sample-pic4.jpg" />
                        </div>
                                                        
                        <div class="col1 left border-top-dot">
                        	<div class="cl-3">&nbsp;</div>
                            <h3 class="standart"><a class="link-3" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit & Ut vehicula aliquam imperdiet.</a></h3>
                            <div class="cl-3">&nbsp;</div>
                                <p class="date normal">Tanggal Upload : 12/03/2012</p>
                                <p class="date normal">Oleh : Drs. Sasongko</p>
                                <p class="date normal">Dibaca Sebanyak : 325</p>
                            <div class="cl-8">&nbsp;</div>   
                            <p class="normal info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vehicula aliquam imperdiet. Curabitur rhoncus erat sed magna euismod accumsan varius quam mollis. Donec vitae turpis in tortor iaculis placerat. Fusce ac tristique libero. Curabitur at vehicula diam. Proin molestie molestie pharetra. Vivamus ut lorem ut risus condimentum interdum sed eget ligula. Vestibulum diam turpis, ornare quis feugiat id, porttitor sed ligula. In vel aliquet diam. Proin eu est ipsum, vel blandit sem. <a class="link-3" href="#">Selengkapnya</a></p>
                        </div>
                        <div class="cl-10">&nbsp;</div>
                    </li> 
                    
                    <div class="cl-20">&nbsp;</div>
                	<li class="border-bot-dot">
                        <div class="col3 left">
                            <img class="small no-shadow" src="images/sample-pic4.jpg" />
                        </div>
                                                        
                        <div class="col1 left border-top-dot">
                        	<div class="cl-3">&nbsp;</div>
                            <h3 class="standart"><a class="link-3" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit & Ut vehicula aliquam imperdiet.</a></h3>
                            <div class="cl-3">&nbsp;</div>
                                <p class="date normal">Tanggal Upload : 12/03/2012</p>
                                <p class="date normal">Oleh : Drs. Sasongko</p>
                                <p class="date normal">Dibaca Sebanyak : 325</p>
                            <div class="cl-8">&nbsp;</div>   
                            <p class="normal info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vehicula aliquam imperdiet. Curabitur rhoncus erat sed magna euismod accumsan varius quam mollis. Donec vitae turpis in tortor iaculis placerat. Fusce ac tristique libero. Curabitur at vehicula diam. Proin molestie molestie pharetra. Vivamus ut lorem ut risus condimentum interdum sed eget ligula. Vestibulum diam turpis, ornare quis feugiat id, porttitor sed ligula. In vel aliquet diam. Proin eu est ipsum, vel blandit sem. <a class="link-3" href="#">Selengkapnya</a></p>
                        </div>
                        <div class="cl-10">&nbsp;</div>
                    </li> 
                    
                    <div class="cl-20">&nbsp;</div>
                	<li class="border-bot-dot">
                        <div class="col3 left">
                            <img class="small no-shadow" src="images/sample-pic4.jpg" />
                        </div>
                                                        
                        <div class="col1 left border-top-dot">
                        	<div class="cl-3">&nbsp;</div>
                            <h3 class="standart"><a class="link-3" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit & Ut vehicula aliquam imperdiet.</a></h3>
                            <div class="cl-3">&nbsp;</div>
                                <p class="date normal">Tanggal Upload : 12/03/2012</p>
                                <p class="date normal">Oleh : Drs. Sasongko</p>
                                <p class="date normal">Dibaca Sebanyak : 325</p>
                            <div class="cl-8">&nbsp;</div>   
                            <p class="normal info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vehicula aliquam imperdiet. Curabitur rhoncus erat sed magna euismod accumsan varius quam mollis. Donec vitae turpis in tortor iaculis placerat. Fusce ac tristique libero. Curabitur at vehicula diam. Proin molestie molestie pharetra. Vivamus ut lorem ut risus condimentum interdum sed eget ligula. Vestibulum diam turpis, ornare quis feugiat id, porttitor sed ligula. In vel aliquet diam. Proin eu est ipsum, vel blandit sem. <a class="link-3" href="#">Selengkapnya</a></p>
                        </div>
                        <div class="cl-10">&nbsp;</div>
                    </li> 
                    
                    <div class="cl-20">&nbsp;</div>
                	<li class="border-bot-dot">
                        <div class="col3 left">
                            <img class="small no-shadow" src="images/sample-pic4.jpg" />
                        </div>
                                                        
                        <div class="col1 left border-top-dot">
                        	<div class="cl-3">&nbsp;</div>
                            <h3 class="standart"><a class="link-3" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit & Ut vehicula aliquam imperdiet.</a></h3>
                            <div class="cl-3">&nbsp;</div>
                                <p class="date normal">Tanggal Upload : 12/03/2012</p>
                                <p class="date normal">Oleh : Drs. Sasongko</p>
                                <p class="date normal">Dibaca Sebanyak : 325</p>
                            <div class="cl-8">&nbsp;</div>   
                            <p class="normal info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vehicula aliquam imperdiet. Curabitur rhoncus erat sed magna euismod accumsan varius quam mollis. Donec vitae turpis in tortor iaculis placerat. Fusce ac tristique libero. Curabitur at vehicula diam. Proin molestie molestie pharetra. Vivamus ut lorem ut risus condimentum interdum sed eget ligula. Vestibulum diam turpis, ornare quis feugiat id, porttitor sed ligula. In vel aliquet diam. Proin eu est ipsum, vel blandit sem. <a class="link-3" href="#">Selengkapnya</a></p>
                        </div>
                        <div class="cl-10">&nbsp;</div>
                    </li>                                                                                                                   
                </ul>
                </div>
                <div class="cl-3">&nbsp;</div>	

                <!-- Pagging -->
                <div class="inline-content">
                <div class="pagging">
                    <div class="left">Showing 1-12 of 44</div>
                    <div class="right">
                        <a href="./archive_berita.html">Previous</a>
                        <a href="./archive_berita.html">1</a>
                        <a class="active" href="./archive_berita.html">2</a>
                        <a href="./archive_berita.html">3</a>
                        <a href="./archive_berita.html">4</a>
                        <span>...</span>
                        <a href="./archive_berita.html">45</a>                                        
                        <a href="./archive_berita.html">Next</a>
                    </div>
                </div>
                </div>
                <!-- End Pagging -->   
			</div>			
			<!-- End All Products -->

		</div>
		<!-- End Content -->
		
		<!-- Sidebar -->
		<div id="sidebar">
			
			<!-- login -->
			<div class="box login-side">
				<h2 class="title-box">Login <b>SHS</b><span></span></h2>
                
                <!-- form for login member -->
				<div class="box-content">
					<form action="" method="post">
						
						<label>Username</label>
            			<input type="text" class="fieldbox" />
						
						<label>Password</label>
						<input type="password" class="fieldbox" />
                        
                        <label>Login As</label>
						<select class="fieldbox boxstyle-15">
                        	<option value="Siswa">Siswa</option>
                        	<option value="Guru">Guru</option>
                        </select>
					
						<input type="submit" class="login-submit" value="Login" />
                        <div class="cl">&nbsp;</div>
						<p><a class="link-2" href="#" class="bul">Lupa Password?</a ></p>
	
					</form>
				</div>
                <!-- end form for login member -->
                
                <!-- form after login member - ->
                <div class="box-content">
                    <div id="login-info">
                        <div class="h3"><strong>.: User Information</strong></div>
                        <div class="cl-8">&nbsp;</div>
                        <table>
                        <tr valign="top">
                            <td width="25%"><img src="images/foto-siswa.jpg" /></td>
                            <td width="3%">&nbsp;</td>
                            <td width="72%">
                                <div class="h2-info idcolor">00-88-2564</div>
                                <div class="h2-info2"><strong>Cak Surono Cokrodiningrat</strong></div>
                                <div class="h2-info2">XII IPA</div>
                            </td>
                        </tr>
                        </table>
                        <div class="cl">&nbsp;</div>
                        <div class="id-opt"><a class="link-2" href="#">Menu Utama</a></div><span>|</span><div class="id-opt"><a class="link-2" href="#">Logout</a></div>                  
                    </div>               
                </div>
                <!-- end form after login member -->
			</div>
			<!-- End login -->
            
			<!-- support -->
			<div class="box ad">
				<h2 class="title-box">Support <strong>Online</strong><span></span></h2>
				<div id="support-online" >
                	<a href="#">&nbsp;</a>
                </div>
			</div>
			<!-- End support -->             
			
			<!-- Clink news -->
			<div class="box categories">
				<h2 class="title-box">Berita <strong>Sekolah</strong><span></span></h2>
				<div class="box-content">
    				<div class="box-content box-center-auto">
                    <div class="">
    				
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi Beasiswa Korban Merapi Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        
                        </div>
                  <div class="cl-20">&nbsp;</div>      
                  <div class="box-center-bot"><a class="icon" href="#">Arsip Berita</a></div>
                  <div class="cl-3">&nbsp;</div> 	
                  </div>
			</div>
            </div>
			<!-- End link news -->
            
			<!-- Clink news -->
			<div class="box categories">
				<h2 class="title-box">Info <strong>Sekolah</strong><span></span></h2>
				<div class="box-content">
    				<div class="box-content box-center-auto">
                    <div class="">
    				
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi Beasiswa Korban Merapi Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        <div>
                            <div class="date bul"> 03 November 2010</div>
                            <div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
                            <div class="cl-3">&nbsp;</div> 
                        </div>
                        
                        </div>
                  <div class="cl-20">&nbsp;</div>      
                  <div class="box-center-bot"><a class="icon" href="#">Arsip Informasi</a></div>
                  <div class="cl-3">&nbsp;</div> 	
                  </div>
			</div>
            </div>
			<!-- End link news -->
            
			<!-- Banner-->
            <div class="box categories">
				  <h2 class="title-box">Banner <strong>Sekolah</strong><span></span></h2>
                  <div class="box-half">
    				<div class="box-content box-center-auto">                    
              			<a href="#"><img class="box-img img-banner-small-1" src="images/web-banner-1.jpg" alt="" /></a>
                    	<a href="#"><img class="box-img img-banner-small-1" src="images/web-banner-2.jpg" alt="" /></a>
              			<a href="#"><img class="box-img img-banner-small-1" src="images/web-banner-3.jpg" alt="" /></a>                     
    				</div>
    			</div>    
            </div>   
      		<!-- End Banner-->                   	
            
			<!-- Banner-->
				  <div class="box box-half">
    				<div class="box-content box-center-auto">                    
                    	<a href="#"><img class="box-img img-banner-small-1" src="images/web-banner-4.png" alt="" /></a>
              			<a href="#"><img class="box-img img-banner-small-1" src="images/web-banner-5.jpg" alt="" /></a>                       
    				</div>
    			</div>       
      		<!-- End Banner-->     		            
      			
		</div>
		<!-- End Sidebar -->
		
		<div class="cl">&nbsp;</div>
		</div>
		<!-- End Main -->
        
        <!-- advertise bottom -->
        <div class="cols">
            <div class="advbott"><a href="#"><img class="box-img" src="images/sma-banner.png" alt="" /></a></div>
        </div>
        <!-- end -->        
        
		
	</div>
	<!-- End Side Full -->

	</div>	
	<!-- End Shell -->

	<div id="div-footer">
		<!-- shell footer -->
		<div class="shell">
			<!-- Footer -->
			<div id="footer">
				<div class="left">
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>
					<a href="#">Map</a>
					<span>|</span>
					<a href="#">Peta Situs</a>
					<span>|</span>
					<a href="#">Support Online</a>
					<span>|</span>
					<a href="#">Kontak</a>                
				</p>
				<p>&nbsp;</p>                
				<p>&copy; 2012 <a href="http://inolabs.net" target="_blank" title="inolabs">SMA PIRI 1 YOGYAKARTA</a>. All right reserved.</p>
				<p>SHS Developed by <a href="http://inolabs.net" target="_blank" title="inolabs">Inolabs - Creative Web Solutions</a></p>
				</div>
				
				<div class="right">
					<p>&nbsp;</p>
					<p style="font-size:15px;"><strong>SMA PIRI 1 Yogykarta</strong></p>
					<p>&nbsp;</p>                
					<p>Jl. Kemuning 14 Baciro Yogyakarta</p>
					<p>Telp    : 0274 - 516987</p>
					<p>E-mail : smapiri1@yahoo.com</p>
				</div>
			</div>
			<!-- End Footer -->
		</div>	
		<!-- End Shell -->
	</div>
	
	
</body>
</html>
